<template>
  <div class='v-pagination'>
    <button type="button"
      :class="{['btn-prev', { disabled: this.$parent.internalCurrentPage <= 1 }]}"
      :@click="this.$parent.prev">
      <i class="v-icon v-icon-arrow-left"></i>
    </button>
  </div>
</template>

<script>
  export default {
    name: 'VPagination',
    props: {
      pageSize: {
        type: Number,
        default: 10,
      },
      small: Boolean,
      total: Number,
      pageCount: Number,
      currentPage: {
        type: Number,
        default: 1,
      },
      layout: {
        default: 'prev, pager, next, jumper, ->, total',
      },
      pageSizes: {
        type: Array,
        default() {
          return [10, 20, 30, 40, 50, 100];
        },
      },
    },
    data() {
      return {
        internalCurrentPage: 1,
        internalPageSize: 0,
      };
    },
  }
</script>
